﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Interviewer.ascx.cs" Inherits="blackhouse.Aparts.Web.Modules.Interviewer" %>
<style id="Style1" type="text/css" runat="server">
    .interviewer-back {
        background-color:#000;
        position:fixed;
        width:100%;
        height:100%;
        opacity:0.7;
        z-index:111;
        display:none;
        top:0;
        left:0;
    }
    .interviewer-wrap {
        background-color: #fff;
        padding: 2px;
        position: fixed;
        width: 70%;
        left: 0px;
        top: 5%;
        height: 90%;
        z-index: 112;
        border: solid 1px #1D1D1D;
        border-left: none;
        padding-left: 0;
        -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 0px 10px 10px 0px;
        border-radius: 0px 10px 10px 0px;
    }

    .interviewer {
        width: 100%;
        height: 100%;
        background-color: #1d1d1d;
        -webkit-border-radius: 0px 10px 10px 0px;
        border-radius: 0px 10px 10px 0px;
        position: relative;
    }

        .interviewer h1 {
            background-color: #333333;
            border-bottom: 1px solid #FFF9DB;
            -webkit-border-radius: 0px 10px 0px 0px;
            border-radius: 0px 10px 0px 0px;
            color: #FFF9DB;
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 0;
            margin-left: 0;
            margin-top: 0;
            padding: 15px 10px 15px 60px;
            text-transform: uppercase;
            background-image: url('/Data/SiteImages/interviewer.png');
            background-position: 10px center;
            background-repeat: no-repeat;
        }

            .interviewer h1 img.loader {
                display: block;
                float: right;
                height: 36px;
                position: relative;
                top: -9px;
                display: none;
            }

    #interviewer-eservations {
        width: 100%;
        height: 80%;
    }

        #interviewer-eservations iframe {
            border: medium none;
            height: 100%;
            margin-left: 0;
            width: 100%;
        }

    .interviewer-close {
        height: 80px;
        width: 80px;
    }

        .interviewer-close .interviewer {
            display: none;
        }

    .interviewer-close-content {
        display: none;
    }

    .interviewer-close .interviewer-close-content {
        background-color: #1D1D1D;
        -webkit-border-radius: 0px 10px 10px 0px;
        border-radius: 0px 10px 10px 0px;
        display: block;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

    .interviewer-close-content img {
        display: block;
        height: 90%;
        margin: 0 auto;
    }

    .interviewer-closing {
        bottom: 10px;
        position: absolute;
        right: 10px;
    }
        .interviewer-closing a {
        font-weight: normal;
        cursor: pointer;
        }
</style>
<script language="javascript" type="text/ecmascript">
    window.ShowInterviewerLoader = function () {
        $('.interviewer h1 img').show();
    }
    window.HideInterviewerLoader = function () {
        $('.interviewer h1 img').hide();
    }
    $(function () {
        window.ShowInterviewerLoader();

        var $back = $('.interviewer-back');
        var $wrap = $('.interviewer-wrap');
        $('.interviewer-close-content').click(function () {
            $wrap.removeClass('interviewer-close');
            $back.show();
        });
        $('.interviewer-closing').click(function () {
            $wrap.addClass('interviewer-close');
            $back.hide();
        });
    });
</script>
<div class="interviewer-back"></div>
<div class="interviewer-wrap interviewer-close">
    <div class="interviewer">
        <h1>Asystent ankietera<img class="loader" src="/Data/SiteImages/285.gif" /></h1>
        <div id="interviewer-eservations">
            <iframe src="/Pages/InterviewerContent.aspx" runat="server" id="iframe"></iframe>
        </div>
        <div class="interviewer-closing">
        <a class="white-button">zamknij</a>
            </div>
    </div>
    <a title="Asystent ankietera" class="interviewer-close-content">
        <img src="/Data/SiteImages/interviewer-close.png" alt="Asystent ankietera" />
    </a>
</div>
